.abnormalTicket-dialog {
    width: 100%;
    height: 100%;
    max-height: 100%;
    background-color: #fafafa;
}

.abnormalTicket-dialog .kmi-layout-main-content{
    background : linear-gradient(to right, #f7f7f7 50%,rgba(255, 255, 255, 0.51) 100%);
}

.abnormalTicket-dialog .kmi-layout-page{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0px 16px;
}

.abnormalTicket-dialog .workInfoPanel{
    display: flex;
    flex-direction: row;
    flex: 1;
}
.abnormalTicket-dialog .workInfoPanel-left,
.abnormalTicket-dialog .workInfoPanel-right {
    display: flex;
    flex-direction: column;
    flex : 1;
}

.abnormalTicket-dialog .kmi-text-fields .label{
    width: 120px;
}

.abnormalTicket-dialog .workInfoPanel-right .kmi-text-fields.fields-description{
    align-items: flex-start;
    flex: 0 0 112px;
}
.abnormalTicket-dialog .workInfoPanel-right .kmi-text-fields.fields-description textarea{
    flex: 1;
    align-self: stretch;
    resize: none;
    outline: none;
    border: 1px solid #9a9a9a;
}

.abnormalTicket-dialog .workInfoPanel-right .kmi-text-fields.fields-description .image-report{
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background-color: #eaebeb;
    flex: 1;
    position: relative;
}

.abnormalTicket-dialog .pic-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 8px;
    box-sizing: border-box;
}

.abnormalTicket-dialog .pic-item{
    position: relative;
    width: 45%;
    height: 45%;
    margin: 2%;

    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color : rgba(0,0,0,0.38);
    overflow: hidden;
}

.abnormalTicket-dialog .pic-item-title{
    background-color : rgba(0,0,0,0.38);
    margin: 0px;
    top:0;
    left:0;
    position: absolute;
    height:40px;
    width: 100%;
    z-index:1;
}

.abnormalTicket-dialog .pic-img{
    width: 100%;
}

.abnormalTicket-dialog .pic-delete{
    position: absolute;
    top: 4px;
    right: 4px;
    color: white;
}

.abnormalTicket-dialog .pic-background{
     width: 100px;
     height: 75px;
     position: absolute;
     top:calc(50% - 37px);
     left:calc(50% - 50px);
}
